@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*网站头部、导航、切换动画*/
                .topWrap {background:url(../images/tpbg.jpg) repeat-x center top;font-family: "Microsoft Yahei";  height: 170px; position: relative; overflow: hidden;}
                .header { width: 1200px; margin:0 auto;  }
                .twz { height:34px; color: #666666; line-height: 34px; font-size: 14px;}
                .twz a { display: inline-block;  color: #666666; position: relative;padding:0 25px; }
                .twz a:nth-child(1){background:url(../images/tpico1.png) no-repeat left center;}
                .twz a:nth-child(2){background:url(../images/tpico2.png) no-repeat left center;}
                .twz a:nth-child(3){background:url(../images/tpico3.png) no-repeat left center;padding-right: 0;}
                .fz {width: 310px;float: left;overflow: hidden;}
                .fz select {width: 180px;height: 22px;border: 1px solid #afafaf;margin-top: 6px;font-size: 12px;color: #333333; background: none;}
                .fz select option {font-size: 12px;}

                 .h_nr { height: 136px; overflow: hidden;padding-top: 17px; box-sizing: border-box; }
                .logo { width: 103px; height: 99px;margin-right: 20px; overflow: hidden; box-sizing: border-box;}
                .logo img { width: 103px; height: 99px; display: block; }
                .h_nr h2 {background: url(../images/logobg.png) no-repeat left 8px;padding-left: 30px;margin-top: 20px; width: 400px; float: left; font-size: 22px; color: #666666; font-weight: normal; text-align: left; line-height: 34px; height: 72px; }
                .h_nr h2 b{color: #333333; font-size: 24px; font-weight: bold; display:  block; letter-spacing: 1px; }

             
				
				.h_tel{float: right;padding: 20px 0 0;height: 100px;}
.h_tel p{font-size: 14px;color: #333; background:url(../images/tel.gif) no-repeat 0 14px;line-height: 26px;padding: 0 0 0 45px;float: left;}
.h_tel b{display: block;font-size:25px; font-family: "DINOT"; line-height:30px;}
.tel_p01{width: 285px;}
.tel_p02{width: 210px;}


                .navbg{ height: 70px; background: #172e7a;}
                .nav{width: 1200px;margin:0 auto;}
                .nav ul{  height: 70px; width: 1200px;}
                .nav li { float: left;height: 70px; line-height: 70px; position: relative; }
                .nav li.home:before{content: "";width: 21px;height: 21px; background: url(../images/home.png) no-repeat;position: absolute;top:22px;left:15px;z-index: 3;}
                .nav li a:after{content: "";width: 1px;height: 70px; background:#293e84;position: absolute;top:0px;right:0px;z-index: 1;}
                .nav li a { text-decoration: none; color: #ffffff; font-size: 16px; display: inline-block; padding:0 43px; position: relative;z-index: 2; }
                  .nav li.home a{padding:0 35px 0 50px;}
                  .nav li.nones a:after{ background: none; }
                .nav li:after{content:'';position:absolute;height:100%;width:0;background:#F18E1E;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;color: #fff; z-index: 1;}
                .nav li:hover:after,.nav li.cur:after{width:100%;color: #fff;z-index: 1;}
                
                .nav li a:hover, .nav .cur a { font-weight: normal; text-decoration: none;  color: #fff;  }
                .h_head_gd{filter:alpha(opacity=100);opacity:1; position:fixed; top:0px; width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)-0); z-index:10; left:0; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}

            
       
            .fullSlide{min-width:1200px;position:relative;height:600px;overflow:hidden;}
            .fullSlide .bd{position:relative;z-index:0;}
            .fullSlide .bd ul{width:100%!important;}
            .fullSlide .bd li{width:100%!important;height:600px;overflow:hidden;text-align:center;}
            .fullSlide .bd li  img{ position:absolute; top:0; left:50%; margin-left:-960px;}
            .fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:25px;overflow:hidden;}
            .fullSlide .hd ul{margin-left:500px;}
            .fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
            .fullSlide .hd ul li{width:62px;height:5px;background:#fff;}
            .fullSlide .hd ul .on{background:#F18E1E;}
/*产品中心*/
.yin{padding: 60px 0 100px;}
.yin_t{font-size: 40px;color: #000;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;}
.yin_t a{color: #000;}
.yin_t b{
	color: #172e7a;
}
.yin_t span{
	display: block;
	font-size: 20px;
	color: #333;
	padding-top: 10px;
}
.yin_t i{color: #F18E1E;padding:0 15px;}
.chanp .yin_t a,.chanp .yin_t span,.ys .yin_t,.ys .yin_t span{color: #fff;}
.case_bg{background: #f5f5f5;padding: 100px 0;overflow: hidden;}
.case_t{padding: 50px 0 0;height: 90px;}
.case_t ul li{width: auto;height: 56px;float: left;position: relative;}
.case_t ul li:before{content: "";width: 6px;height: 1px;background:#172E7A;position: absolute;top: 27px;right:20px;}
.case_t ul li a{
	font-size: 20px;
	color: #333;
	display: block;
	float: left;
	width: auto;
	height: 56px;
	text-align: center;
	line-height: 56px;
	overflow: hidden;
	margin: 0 auto; padding-left:30px; padding-right:30px;
}
.case_t ul li a:hover,.case_t ul li.on a{
	background: #172E7A;
	color: #fff;
	border-radius: 30px;
}
.case_t ul li.nobor:before{background: none;}
.case_m dl{position: relative;background: #fff;height:440px;}
.case_m dl dt{width: 600px;height:440px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.case_m dl dt img{width: 600px;height:440px;}
.case_m dl dd{width: 440px;float: left;padding:55px 0 0 80px;}
.case_m dl dd h5{height: 44px;line-height: 44px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 30px;color: #333;display: block;width: 440px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #F18E1E;}
.case_m dl dd b{display: block;font-size: 14px;color: #333;line-height: 30px;}
.case_m .case_desc{font-size: 14px;color: #666;line-height:26px;height: auto;overflow: hidden;padding: 15px 0 0;}
.case_m dl dd span,.about dl dd span{display: block;padding:20px 0 0;}
.case_m dl dd span a,.about dl dd span a{
	display: block;
	font-size: 14px;
	color: #fff;
	width: 100px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	background: #172E7A;
	overflow: hidden;
	border-radius: 20px;
	text-transform: uppercase;
}
.case_m dl dd span a:hover,.ban01 p em a:hover,.about dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.case_lico,.case_rico,.jz_lico,.jz_rico{width: 58px;height: 58px;position: absolute;top:565px;z-index: 20;}
.case_lico a,.case_rico a,.jz_lico a,.jz_rico a{display: block;width: 58px;height: 58px;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;}
.case_lico{left: 80px;}
.case_rico{left: 155px;}
.case_lico a:hover,.case_rico a:hover,.jz_lico a:hover,.jz_rico a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.case_lico a,.jz_lico a{background:url(../images/case_lico01.png) no-repeat;}
.case_lico a:hover,.jz_lico a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_rico a,.jz_rico a{background:url(../images/case_rico01.png) no-repeat;}
.case_rico a:hover,.jz_rico a:hover{background:url(../images/case_rico02.png) no-repeat;}

/*优势*/
.ys{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 1105px;overflow: hidden;padding: 90px 0 0;}
.ys_l{width: 566px;padding: 87px 0 0 26px;}
.ys dl{width: 566px;height: 421px;position: relative;margin-bottom: 55px;overflow: hidden;}
.ys dl dt{width: 311px;height: 397px;float: left;line-height: 0;overflow: hidden;border: #F18E1E 12px solid;}
.ys dl dt img{width: 311px;height: 397px;}
.ys dl dd{width: 208px;height: 294px;background: #fff;position: absolute;top:0px;left: 278px;padding:25px 30px 0 50px;z-index: 10;}
.ys dl dd h5{font-size: 30px;color: #333;line-height: 80px;height: 80px;background:url(../images/ys_line.gif) no-repeat 0 78px;}
.ys dl dd p{font-size: 15px;color: #333;line-height:24px;height:92px;padding: 20px 0 0;overflow: hidden;}
.ys dl dd span{display: block;margin: 30px 0 0;width: 70px;height: 40px;}
.ys dl dd span img{width: 70px;height: 40px;}
.ys .ys_r{padding: 87px 26px 0 0;}
.ys .ys_r dl dt{float: right;}
.ys .ys_r dl dd{left: 0;}


/*案例*/

.al_bj{overflow-x: hidden;overflow-y:hidden;}
.anl{height: 700px;padding-top:61px;}
.al_nr {position: relative;}
.al_nr .tempWrap{width:1208px!important ;overflow: hidden;}
.al_nr .tempWrap,.al_nr .tempWrap ul{height: 540px}
.al_nr li{float:left;width:385px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);height:501px;margin-right:22px;}
.al_nr li i{font-size:0;line-height: 0;display: block;width:385px;overflow: hidden;}
.al_nr li i img {width:385px;height: 238px;transition: all 1s}
.al_nr li h4 {padding:22px 15px 0 28px;height: 45px;line-height: 45px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li h4 a{font-size:20px;color: #333333;}
.al_nr li p {padding:8px 15px 0 28px;height:123px;font-size:14px;color:#666666;line-height:26px;}
.al_nr li em a {
	display: block;
	width:147px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border:1px solid #172e7a;
	font-size:14px;
	color: #172e7a;
	margin-left:28px;
}
.al_nr li:last-child{margin:0;}
.al_nr li:hover{background:#172E7A}
.al_nr li:hover h4 a,.al_nr li:hover p{color: #fff}
.al_nr li:hover em a{border-color:#fff;color: #fff}
.al_nr li:hover i img{transform: scale(1.1);}
.al_j1,.al_j2{position: absolute;top:252px;}
.al_j1{left:-91px;}
.al_j2{right:-91px;}



.g_news{padding-top: 72px;height: 830px;}
.g_news h2{
	height: 102px;
	text-align: center;
	font-size: 48px;
	color: #000;
	margin-bottom: 20px;
}
.g_news h2 a{color: #172E7A;}
.g_news h2 em{display: block;font-size: 22px;color: #666666;font-weight: normal;}
.g_news .m_news{float: left;width: 800px;}
.g_news .m_news h3{background: url(../images/newtit.jpg) no-repeat 0 5px;height: 46px;line-height: 40px;font-size: 20px;color: #172E7A; padding-left: 32px;font-weight: normal;margin-bottom: 18px;}
.g_news .m_news h3 a{color: #172E7A;}
.g_news .m_news h3 em{font-size: 14px;color: #333333;font-weight: normal;}

.g_news .newtj{background: #f3f3f3;height: 426px;margin-bottom: 6px;padding-left: 38px;position: relative;}
.g_news .line{width: 800px;height: 1px;background: #e9e9e9;left:0;top:68px;position: absolute;}
.g_news .newtj dl{float: left;width:340px;margin-right: 38px; }
.g_news .newtj dt{width: 336px;height: 188px;overflow: hidden;}
.g_news .newtj dt img{width: 336px;height: 188px;display: block;transition: all 0.3s linear 0s;}
.g_news .newtj dt:hover img{transform: scale(1.1);}

.g_news .newtj b{display: block;height: 70px;line-height: 70px;font-weight: normal;font-size: 24px;color: #ababab;margin-bottom: 13px;}
.g_news .newtj h4 a{display: block;height: 32px;line-height: 32px;font-size: 16px;color: #333333;overflow: hidden;font-weight: normal;margin-bottom: 16px;}
.g_news .newtj p{font-size: 14px;line-height: 24px;color: #787878;height: 48px;overflow: hidden;margin-bottom: 24px;}
.g_news .newtj p a{color: #172E7A;}
.g_news .newlst{background: #eee;padding:22px 30px 0 32px; height: 125px;}
.g_news .newlst li{height: 24px;line-height: 24px;padding-left: 24px;overflow: hidden;font-size: 14px;color: #5c5c5c;margin-bottom: 12px;background: url(../images/dtico.jpg) no-repeat 0 5px;}
.g_news .newlst li a{color: #5c5c5c;}
.g_news .newlst li em{color: #bcbcbc;}

.g_news .m_wd{float: right;width: 376px;}
.g_news .m_wd h3{background: url(../images/dttit.jpg) no-repeat 0 5px;height: 46px;line-height: 40px;font-size: 20px;color: #172E7A; padding-left: 32px;font-weight: normal;margin-bottom: 18px;}
.g_news .m_wd h3 a{color: #172E7A;}
.g_news .m_wd h3 em{font-size: 14px;color: #333333;font-weight: normal;}
.g_news .wdcon{background: #f3f3f3;height: 544px;padding: 36px 0 0 36px;}
.g_news .wdcon .wdtj{margin-bottom: 15px;}
.g_news .wdcon dt{width: 300px;height: 170px;overflow: hidden;}
.g_news .wdcon dt img{width: 300px;height: 170px;display: block;transition: all 0.3s linear 0s;}
.g_news .wdcon dt:hover img{transform: scale(1.1);}

.g_news .wdcon dd{background: #fff;padding: 20px 15px 0;height: 112px;background:#fff url(../images/wdline.jpg) no-repeat 0 bottom; width: 270px;}
.g_news .wdcon h4 a{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #333333;overflow: hidden;margin-bottom: 10px;}
.g_news .wdcon p{font-size: 14px;line-height: 24px;color: #787878;height: 48px;overflow: hidden;}
.g_news .wdcon p a{color: #172E7A;}
.g_news .wdlst li{height: 24px;line-height: 24px;padding-left: 24px;overflow: hidden;font-size: 14px;color: #5c5c5c;margin-bottom: 12px;background: url(../images/dtico.jpg) no-repeat 0 5px;}
.g_news .wdlst li a{color: #5c5c5c;}


.g_ab{background: url(../images/abbg.jpg) no-repeat center top;height: 1058px;padding-top: 90px;}
.g_ab h2{
	height: 122px;
	text-align: center;
	font-size: 48px;
	color: #000;
}
.g_ab h2 a{color: #172E7A;}
.g_ab h2 em{display: block;font-size: 22px;color: #666666;font-weight: normal;}
.g_ab p{font-size: 15px;line-height:30px;color: #666666;overflow: hidden;text-align: center;margin-bottom: 12px;}
.g_ab p a{color: #172E7A;}
.g_ab dt{width: 1190px;height: 534px;margin: 0 auto;border:5px solid #fff;}
.g_ab dl{margin-bottom: 60px;}
.g_ab .ablst li{float: left;width: 270px;border-right: 1px solid #656869;height: 178px;}
.g_ab .ablst li i{display: block;width: 120px;height: 120px;background: url(../images/abbg1.png) no-repeat;margin: 0 auto 10px;transition: all 0.6s linear 0s;}
.g_ab .ablst li:hover i{transform:rotate(360deg);}

.g_ab .ablst li em{display: block;height: 24px;line-height: 24px;text-align: center;font-size: 24px;color: #fff;}
.g_ab .ablst li b{display: block;font-size: 14px;color: #848482;font-weight: normal;}
.g_ab .ablst li:hover i{background: url(../images/abbg2.png) no-repeat;}
.g_ab .ablst .ab1{width: 190px;}
.g_ab .ablst .ab5{width: 190px;border-right: none;}



/*网站底部*/
		.footer{height: 377px;background: url(../images/foot_bg.jpg) no-repeat center 0;}
		.f_con{height: 319px;}
		.f_nav{float: left;margin-top:70px;width:450px;}
		.f_nav li{float: left;width:188px;}
		.f_nav li em,.gsxx em{display:block;font-size: 18px;line-height: 18px;height: 36px;color: #fff;position: relative;margin-bottom:30px;}
		.f_nav li em a{color: #fff;}
		.f_nav li em:after,.gsxx em:after{position:absolute;width: 36px;height: 2px;background: #F18E1E;content: "";left: 0;bottom: 0;}
		.f_nav li p a{display:block;font-size: 14px;color: #b7b6b6;line-height: 28px;}
		.f_nav .l2{width: 250px;}
		.f_nav .l2 p a{float: left;width: 104px;}
		.gsxx{float: left;margin-top:70px;}
		.gsxx p{font-size: 14px;color: #b7b6b6;line-height: 28px;}
		.sao{float: right;margin-top:105px;margin-right:10px;}
		.sao p{float:left;width: 129px;margin-left:20px;}
		.sao img{display:block;width: 129px;height: 129px;}
		.sao span{display:block;font-size: 12px;color: #838383;text-align: center;line-height:12px;padding-top:15px;}
		.f_bt{height: 58px;line-height: 58px;font-size: 14px;color: #838383;}
		.f_bt .p2{
	float: right;
	padding-left:26px;
}
		.f_bt p a{color: #838383;}
		body #hm_t_undefined{display:none;}
/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 120px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1080px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*右下角客服*/
        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
	background: url(../images/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0px auto;
	text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
	background: #172e7a;
	color: #fff;
	height: 53px;
	width: 230px;
	padding:9px 0 0;
	float: left;
        }
        
        .client-2 .my-kefu-main {
	background: #172e7a;
	width: 97px;
	height: 53px;
	position: relative;
	padding:9px 0 0;
	float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }